<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,height=device-height,target-densitydp=device-dpi,initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>View port demo</title>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>

</head>
<body>
<!--CSS html的美容师
#样式使用方式：
》样式表引入  导表<link rel="stylesheet" type="text/css" href="../css/common.css"/>
  ·引用  标签式样式（指定所有该类标签均使用该样式） .class式（添加class="样式名" 引用该样式）
》内嵌式  <style type="text/css">
            申明样式
          </style>
  ·引用  与样式表类似
  ·区别：样式表，将所有样式写在.css文件里；而内嵌式则写在网页中，一般写在head标签下
》行内嵌入式  <h1 style="color:red;font-family:隶书;font-size:13px;">行内样式</h1>
  ·以style属性在标签下直接定义。


-->
<h1 align="center" class="title">css样式</h1>
<h1 align="center" style="color:red;font-family:隶书;font-size:13px;">行内样式</h1>
<p align="center">chapter-1</p>
<p align="center">chapter-2</p>
<p align="center">chapter-3</p>
<p align="center">chapter-4</p>
<p align="center">chapter-5</p>


<hr size="3" color="orange" width="100%">
<form class="form" action="" method="post">
    名字：<input class="input" type="text"><br>
    密码：<input class="input" type="password"><br>
    <input class="submit" type="submit" name="submit" value="登入">
    <input class="reset"type="reset" name="reset" value="注册">
</form>
<br>
<br>
<a href="https://www.baidu.com">百度一下，你就知道了</a>
</body>



</html>